<template>
	<div class="info">
		<div class="info-item"><span>更换零件:</span><span>{{wxInfo.replacementPart}}</span></div>
		<div class="info-item"><span>更换类目:</span><span>{{wxInfo.category}}</span></div>
		<div class="info-item"><span>单项价格:</span><span>{{wxInfo.unitPrice}}</span></div>
		<div class="info-item"><span>维修周期:</span><span>{{wxInfo.duration}}</span></div>
	</div>
</template>

<script>
	export default {
		props: {
			wxInfo: Object
		}
	}
</script>

<style>
	div {
		font-size: 16px;
	}

	.info {
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		height: 120px;
		margin: 0 auto;
		margin-bottom: 10px;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
	}

	.info-item {
		width: 50%;
	}
</style>
